<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/GroupManage.css" rel="stylesheet" type= "text/css"/>
<style>
div{border: 0px solid black;}
#whole{
	width:100%;
	height:100%;
	background:#eeeeee;
	border: 0px solid black;
}
#box{
	margin:0 auto;
	_height:300px;
	min-height:300px;
	width:600px;
	padding-left:7px;
	background:#fcfcfc;
	border-radius: 10px;
	border: 1px solid;
	border-color:#cccccc;
	padding-top:10px;
}
#group{
	_height:150px;
	min-height:150px;
	width:600px;
}
#text{
	height:20px;
	width:100px;
	
}
#controll{
	height:20px;
	width:100%;
	
}
#title{
	margin:0 auto;
	height:60px;
	width:600px;
}
#tablebox{
	width:99%;
	height:100px;
}
#page{
	width:99%;
	height:17px;
	text-align:center;
	margin-top:5px;
}
#loginbox{
	margin:0 auto;
	height:22px;
	width:600px;
}
#login{
	width:100px;
	height:20px;
	float:right;
	
	margin-right:5px;
}
</style>
<title>Administer</title>
</head>
<body bgcolor="#eeeeee">

 <header>
    <nav>
        <div class = "name" ><a href="#">欢迎：XXX</a></div>
      <ul>
            <li><a href="Login.jsp">切换账号</a></li>
             
      </ul>
    </nav>
  </header>
<div id="title">
	
	<h1 style="text-align:center;color:#039BE5">分组管理系统</h1>

</div>
<div id="loginbox"></div>
	<div id="box">
		<div id="group">
		<div id="controll">你创建的小组：
		<a href="CreateGroup.jsp" style="margin-left:400px;">创建</a></div>
		<div id="tablebox">
		<table border="1px"bordercolor="#cccccc">
			<tr>
				<th style="width:190px;border-color:#cccccc;color:#9E9E9E">组名</th>
				<th style="width:190px;border-color:#cccccc;color:#9E9E9E">组长</th>
				<th style="width:190px;border-color:#cccccc;color:#9E9E9E"></th>
			</tr>
			<c:forEach var="group" items="${group} ">
				<tr>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><c:out value="xxx" /></td>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><c:out value="lll" /></td>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><a href="#">查看详情</a></td>
				</tr>
				<tr>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><c:out value="xxx" /></td>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><c:out value="lll" /></td>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><a href="#">查看详情</a></td>
				</tr>
				<tr>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><c:out value="xxx" /></td>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><c:out value="lll" /></td>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><a href="#">查看详情</a></td>
				</tr>
			</c:forEach>
		</table>
		</div>
		<br>
		<div id="page">
				<a href="#">首页</a>
				<a href="#">上页</a>
				<a href="#">下页</a>
				<a href="#">尾页</a>
			</div>
		</div>
		<div id="group">
		<div id="controll">你加入的小组：
		<a href="groupview.jsp" style="margin-left:400px;">加入</a></div>
		<div id="tablebox">
		<table border="1px"bordercolor="#cccccc">
			<tr>
				<th style="width:190px;border-color:#cccccc;color:#9E9E9E">组名</th>
				<th style="width:190px;border-color:#cccccc;color:#9E9E9E">组长</th>
				<th style="width:190px;border-color:#cccccc;color:#9E9E9E"></th>
			</tr>
			<c:forEach var="group" items="${group} ">
				<tr>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><c:out value="xxx" /></td>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><c:out value="lll" /></td>
					<td style="text-align:center;border-color:#cccccc;color:#616161"><a href="member.jsp">查看详情</a></td>
				</tr>
			</c:forEach>
		</table>
		</div>
		<div id="page">
				<a href="#">首页</a>
				<a href="#">上页</a>
				<a href="#">下页</a>
				<a href="#">尾页</a>
			</div>
		</div>
	</div>
</body>
</html>